<!DOCTYPE html>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ page session="false" %>
<html>
<head>
	<title>informed individual</title>
	<!-- CSS styles -->
	<!-- Load jquery, including ui&form from Yandex CDN-->
	<!-- ALL jQuery Tools. No jQuery library -->
	<!-- Load json2 from github, always latest version -->
	<!-- mvc util -->
	<!-- Jgrowl for closable black transparent messages -->
	<!-- Google analytics for tracking traffic -->
	<link href="/resources/form.css" rel="stylesheet"  type="text/css" />
	<link href="/resources/home.css" rel="stylesheet"  type="text/css" />
	<link href="/resources/tinytips/tinyTips.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/start/jquery-ui.css" type="text/css" rel="Stylesheet" />
	
	<!-- Load jquery from Google CDN -->
	<script type="text/javascript" src="https://www.google.com/jsapi?key=ABQIAAAA1qEyaNZLWS8lx23solCfmRTiolyFf2bYY5bcfjemPgBHyQMMzhSnl48Ed8KJ7_oXUFbmdBr4ZgsFRg"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js"></script>

	<!-- Load jquery from yandex CDN -->		
	<script src="http://yandex.st/jquery/form/2.52/jquery.form.js"></script>
	<script src="https://github.com/douglascrockford/JSON-js/raw/master/json2.js"></script>

	<script type="text/javascript" src="/resources/tinytips/jquery.tinyTips.js"></script>
	<script type="text/javascript" src="/resources/mvcutil.js"></script>
	<script type="text/javascript" src="/resources/googleanalytics.js"></script>
	<script type="text/javascript" src="/resources/initializeJqueryTabs.js"></script>
	 
</head>
<body>
<div id="header">
	  <div id="headerimg">
	  </div>
</div>
<div id="tabs" class="ui-tabs">
	<ul>
		<li><a href="<c:url value="/form" />"><spring:message code="home.menu.petition" /></a></li>
		<li><a href="#about"><spring:message code="home.menu.about" /></a></li>
		<li><a href="#shortfilm"><spring:message code="home.menu.shortfilm" /></a></li>
		<li><a href="#statutes"><spring:message code="home.menu.statutes" /></a></li>
    </ul>
	<div id="about" class="ui-tabs-hide">
		<h3><spring:message code="home.about.headline"/></h3>
		<spring:message code="home.about.description"/>
		<h3><spring:message code="home.about.contact.headline"/></h3>
		<spring:message code="home.about.contact.description"/>
	</div>	
	<div id="shortfilm" class="ui-tabs-hide">
		<h3><spring:message code="home.shortfilm.headline"/></h3>
		<spring:message code="home.shortfilm.description"/><br/><br/>
		<span>
			<iframe src="http://player.vimeo.com/video/11538238?byline=0&amp;portrait=0&amp;color=8cbd58" width="725" height="580" frameborder="0"></iframe>
		</span>
	</div>	
	<div id="statutes" class="ui-tabs-hide">
		<h3>§1 Formål</h3>
		Informed Individuals formål er å styrke individets evne til å ta valg i henhold til dets verdier. 
		
		<h3>§1.1 Gjennomføring</h3>		
		Formålet skal realiseres først og fremst ved å implementere og tilgjengeliggjøre en ny 
		informasjonsmodell. Modellen skal separere innsamlig, organisering, tolkning og distribusjon 
		av informasjon. Modellens fungerende prinsipper er basert på tillit og åpenhet.
		Utvikling av modellen skal foregå i et åpent utviklingsmiljø basert på åpen kildekode. 
		Vi ønsker å benytte eksisterende standarder så langt det lar seg gjøre, samt å arbeide 
		for videre standardisering der det måtte behøves. Dette gjelder spesielt ved data som 
		behandles forskjellig på tvers av landegrenser og virksomheter.
		
		Med henhold til fangst og behandling av data ønsker Informed Individual å basere 
		implementasjonen på API'er og distribuerte modeller. Andre måter å oppnå formålet 
		på vil eksempelvis være å styrke infrastrukturer for kommunikasjon, arbeide for 
		standardisering og åpenhet og å arbeide for ytringsfrihet.
		
		<h3>§1.2 Verdier</h3>		
		Informed Individual styres uavhengig av Politiske partier, Religion og livssyn, 
		Nasjonalitet og etnisk tilhørighet, Teknologi.
	
		II er ikke styrt av kommersielle interesser. II styres av sitt formål og kan samarbeide 
		med kommersielle aktører for å fremme sitt formål.
	
		<h3>§2. Organisasjon</h3>		
		Informed Individual er en organisasjon i frivillig sektor med styre og fagråd. Styret 
		oppnevner fagråd, daglig leder og nestleder. Leder og nestleder har ansvaret for 
		Informed Individual's daglige drift. Fagrådet er styrets rådgivende organ.
		
		<h3>§3. Medlemmer</h3>		
		Medlemmer av Informed Individual må arbeide for å etterleve ii's formål. 
		
		<h3>§4. Fagrådet</h3>		
		Fagrådet oppnevnes av styret. Rådet kan kun bestå av medlemmer. Fagrådet har til formål 
		å komme med anbefalinger til styret. Anbefalingene er ikke bindende.
	
		<h3>§5. Styret</h3>		
		Styret er Informed Individuals øverste organ. 
		Styreleder kaller inn til styremåte:
		Minimum en gang per år 
		Når Leder ønsker et styremøte 
		Når 1/4 av det øvrige styret ønsker et styremøte
	
		Styrets ansvar er å:
	
		Regulere sammensetning av styret (krever 2/3 flertall i styret) 
		Regulere sammensetning av fagrådet (krever flertall i styret) 
		Velge leder og nestleder (krever flertall i styret) 
		Sette kontigenter (krever flertall i styret) 
		Utvise medlemmer (krever flertall i styret) 
		Endre vedtektene (krever 2/3 flertall i styret) 
		Oppløse Informed Individual (krever et enstemmig styre)
	
		Styret velger styremedlemmer i henhold til det som tjener II's formål. 
		Styrets beslutninger skal gjøres tilgjengelig for allmennheten
	
	 	<h3>§6. Økonomi</h3>
		
		<h3>§6.1 Inntekter</h3>
		Inntektskilder er medlemskontigent og bidrag.
		
		Medlemskontigent:
		Medlemskontigent mottas fra medlemmer. 
		Medlemsskap for privatpersoner er gratis, men de kan velge å betale en årlig avgift.
		Kontigent for ikke-personlige medlemmer settes av styret. 
	
		Bidrag:
		Uavhengige bidrag er hvor bidraget kommer uten forpliktelser
		Avhengige bidrag er hvor en aktør har et spesifikt behov, og ønsker å dekke kostnader 
		knyttet til realiseringen av dette behovet. Leder bestemmer hvilke avhengige bidrag som 
		aksepteres samt prioritering av ressurser.
	 
	 	<h3>§6.1 Prokura</h3>
		Styreleder, Leder og Nestleder har prokura. 
	
		<h3>§6.2 Offentlighet</h3>		
		II's regnskap er åpent for allmennheten.
	</div>
</div>

<script type="text/javascript">
$(document).ready(function() {
	$("#tabs").tabs();

	$("a[class=textLink]").click(function(){
		var link = $(this);
		$.ajax({ url: link.attr("href"), dataType: "text", success: function(text) { MvcUtil.showSuccessResponse(text, link); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, link); }});
		return false;
	});
	
	$("form[class=textForm]").submit(function(event) {
		var form = $(this);
		var button = form.children(":first");
		$.ajax({ type: "POST", url: form.attr("action"), data: "foo", contentType: "text/plain", dataType: "text", success: function(text) { MvcUtil.showSuccessResponse(text, button); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, button); }});
		return false;
	});

	$("#readForm").submit(function() {
		var form = $(this);
		var button = form.children(":first");
		$.ajax({ type: "POST", url: form.attr("action"), data: "foo=bar&fruit=apple", contentType: "application/x-www-form-urlencoded", dataType: "text", success: function(text) { MvcUtil.showSuccessResponse(text, button); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, button); }});
		return false;
	});

	$("#writeForm").click(function() {
		var link = $(this);
		$.ajax({ url: this.href, dataType: "text", beforeSend: function(req) { req.setRequestHeader("Accept", "application/x-www-form-urlencoded"); }, success: function(form) { MvcUtil.showSuccessResponse(form, link); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, link); }});					
		return false;
	});

	$("#readXml").submit(function() {
		var form = $(this);
		var button = form.children(":first");
		$.ajax({ type: "POST", url: form.attr("action"), data: "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"yes\"?><javaBean><foo>bar</foo><fruit>apple</fruit></javaBean>", contentType: "application/xml", dataType: "text", success: function(text) { MvcUtil.showSuccessResponse(text, button); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, button); }});
		return false;
	});

	$("#writeXml").click(function() {
		var link = $(this);
		$.ajax({ url: link.attr("href"),
			beforeSend: function(req) { 
				req.setRequestHeader("Accept", "application/application+xml");
			},
			success: function(xml) {
				MvcUtil.showSuccessResponse(MvcUtil.xmlencode(xml), link);
			},
			error: function(xhr) { 
				MvcUtil.showErrorResponse(xhr.responseText, link);
			}
		});
		return false;
	});					

	$("#readJson").submit(function() {
		var form = $(this);
		var button = form.children(":first");	
		$.ajax({ type: "POST", url: form.attr("action"), data: "{ \"foo\": \"bar\", \"fruit\": \"apple\" }", contentType: "application/json", dataType: "text", success: function(text) { MvcUtil.showSuccessResponse(text, button); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, button); }});
		return false;
	});

	$("#writeJson").click(function() {
		var link = $(this);
		$.ajax({ url: this.href, dataType: "json", success: function(json) { MvcUtil.showSuccessResponse(JSON.stringify(json), link); }, error: function(xhr) { MvcUtil.showErrorResponse(xhr.responseText, link); }});					
		return false;
	});
});
</script>
</body>
</html>
